<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <!-- <link rel="stylesheet" href="./css/public.css"> -->
  <link rel="stylesheet" href="../css/login.css">
</head>
<body>

  <div class="header" style="text-align: center; font-size: 40px;margin-top: 60px;">
    欢迎光临 · 华为账号注册
  </div>
  <div class="login container">
    <form>
      <span class="error">该用户名以被占用, 请更换后重试! ^_^</span>
      <label>
        用户名: <input class="username" type="text">
      </label>
      <label>
        密码: <input class="password" type="text">
      </label>
      <label>
        确认密码: <input class="rpassword" type="text">
      </label>
      <label>
        昵称: <input class="nickname" type="text">
      </label>
      <p>已有账号, <a href="./login.html">直接登录</a></p>
      <button class="register">注册</button>
    </form>
  </div>
  <div class="footer"></div>


  <script src="../js/utils.js"></script>
  <script src="../js/reg.js"></script>
</body>
</html>
